@charset "UTF-8";
@font-face {
  font-family: "Century Gothic Regular";
  src: url("/template/pc/zcwy2020/css/font/Century Gothic.woff2") format("woff2"),
       url("/template/pc/zcwy2020/css/font/Century Gothic.woff") format("woff"),
       url("/template/pc/zcwy2020/css/font/Century Gothic.ttf") format("truetype"),
       url("/template/pc/zcwy2020/css/font/Century Gothic.eot") format("embedded-opentype"),
       url("/template/pc/zcwy2020/css/font/Century Gothic.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* public */
footer,aside,header,section,footer,nav,menu{display:block}
pre{white-space: pre-wrap;font-family: 'sy';word-wrap: break-word; }
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
img{border:0;}
ul,dl,li,dt,dd{list-style:none;}
body,html{min-height:100%;}
body{font:14px "微软雅黑",Arial,"microsoft yahei", Helvetica, sans-serif;*font:14px "microsoft yahei",Arial, Helvetica, sans-serif; color:#212121; background:#fff;-webkit-tap-highlight-color:rgba(255,255,255,0); overflow-x:hidden;}
a{font-size:14px;text-decoration:none;  color: #333; transition: all .5s; }
.clearfix:after{content:"\200B"; display:block; height:0; clear:both;}
.clearfix{*zoom:1;}/*IE/7/6*/
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
input,textarea,select{outline: none; font-family:"microsoft yahei"; line-height: normal;border:none;background: none;}
textarea{resize:none; overflow:hidden;}
select{-webkit-appearance: none;appearance: none; -ms-appearance: none;border-radius: 0;}
select::-ms-expand { display: none; }
i,em{font-style:normal;}
table{max-width:100%;overflow:hidden;}
.noscript{position:fixed; left:0px; top:0px; background:#ddd; color:red; text-align:center; width:100%; height:30px; line-height:30px;}

.u_hidden{display:none}
.fl{float:left;}
.fr{float:right;}
.z-container {width: 1400px;height:auto;clear: both;margin: 0 auto;}
.z-container2 {width: 1200px;height:auto;clear: both;margin: 0 auto;}
.z-row {width: 100%;height: auto;clear: both;overflow: hidden;}
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ellipsis2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow:ellipsis;}
.ellipsis3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow:ellipsis;}
.ellipsis4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow:ellipsis;}
.ellipsis5{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;text-overflow:ellipsis;}
.ellipsis6{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;text-overflow:ellipsis;}
.ellipsis8{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;overflow: hidden;text-overflow:ellipsis;}
*:before,
*:after {
  z-index: -1;
}
.left{float:left;}
.right{float:right;}
footer{display:block;}
.bg{background: #f9fbfc; width:100%;}
.p0{padding:0!important;}
.pace{display:none;}
.pace-progress{width:100% !important; height:100% !important;}
.pace-progress-inner{position:fixed; left:0; top:0; width:100% !important; height:100% !important;background:#292930;z-index:4000; animation:pace linear 1s forwards; animation-delay:1s;}
@keyframes pace{
	0%{visibility:visible; opacity:1;}
	100%{visibility:hidden; opacity:0;}	
}
.pace-progress-inner:after{width:200px; height:1px;content:''; display:block; background:rgba(255,255,255,.15); position:absolute; left:50%; margin-left:-100px; top:50%; animation:progress linear 1s forwards; animation-delay:1s;}
.pace-progress-inner:before{width:200px; height:1px; content:''; display:block; background:#fff; position:absolute; left:50%; margin-left:-100px; top:50%; animation:inner linear 1s forwards;}
@keyframes progress{
	0%{width:200px;}
	100%{width:100%; margin-left:0; left:0;}
}
@keyframes inner {
	2%{transform-origin: 100% 50%;transform: scaleX(1)}
	48%{transform-origin: 100% 50%;transform: scaleX(0)}
	52% {transform-origin: 0 50%;transform: scaleX(0)}
	98% {transform-origin: 0 50%;transform: scaleX(1)}
}
.pace-activity{position:fixed;left:0; top:0; width:100%; z-index:3000; animation:act linear 1s forwards; animation-delay:3s;}
@keyframes act{
	100%{visibility:hidden;}	
}
.pace-activity:before{width:100%; height:50%; content:''; display:block; background:#292930; position:fixed; left:0; top:0; animation:activity linear 1s forwards; animation-delay:2s; transform-origin:center top;}
@keyframes activity{
	100%{opacity:0; transform:scaleY(0);}	
}
@keyframes activity1{
	100%{opacity:0; transform:scaleY(0);}	
}
.pace-activity:after{width:100%; height:50%; content:''; display:block; background:#292930; position:fixed; left:0; bottom:0;animation:activity1 linear 1s forwards; animation-delay:2s; transform-origin:center bottom;}
.lh-flex{display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.red{color:#b72024;}

/*header*/

.large-header{position:fixed; left:0; top:0; right:0; z-index:-1;}
.lh-header{width:100%;position:fixed; top:0; z-index:200; background:#fff; padding:0; height:80px; transition:ease .65s;}
.lh-logo{float:left; padding:10px 0;margin-left:50px;}
.lh-nav{float:right; height:80px;margin-right:50px;}
.lh-nav-item{float:left; height:80px;}
.lh-nav-item li{float:left; margin:0 1.3vw; line-height:80px; height:80px; transition:ease-in-out .35s;}
.lh-nav-item li a{color:#333; font-size:16px; position:relative; width:100%; display:inline-block; overflow:hidden;}
.lh-nav-item li a em{position:absolute; left:0; top:0; color:#B57F41; transition:ease .15s; width:0; overflow:hidden; display:none;}
.lh-nav-item li a span{transition:ease .35s;}
.lh-nav-item li a:hover em,.lh-nav-item li a.on em{width:100%;}
.lh-nav-item li a:hover span,.lh-nav-item li a.on span{color:#B57F41;}
.lh-search-btn{float:left; line-height:80px; color:#333; margin-left:4vw; position:relative;}
.lh-search-btn i{font-size:18px;}
.lh-search-btn:before{content:''; display:block; width:1px; height:14px; background:#fff; position:absolute; left:-2.4vw; top:50%; margin-top:-8px; transition:ease .65s;transition-delay:.7s;}
.lh-nav-btn{display:block; float:left; width:17px; height:16px; margin-left:1.66vw; position:relative; margin-top:32px;}
.lh-nav-btn i{display:block; width:100%; height:2px; background:#333; position:absolute; left:0; top:0;transition:ease .65s;}
.lh-nav-btn i:before{content:''; display:block; width:100%; height:2px; background:#333; position:absolute; left:0; top:6px; transition:ease .65s; transform-origin:left center;}
.lh-nav-btn i:after{content:''; display:block; width:100%; height:2px; background:#333; position:absolute; left:0; top:12px; transition:ease .65s;transform-origin:left center; transition-delay:.1s;}
.lh-nav-btn:hover i:before{transform:scaleX(.8);}
.lh-nav-btn:hover i:after{transform:scaleX(.6);}
.lh-nav.on .lh-nav-item li{transform:translateY(-100%);}
.lh-nav-item li:nth-child(1){transition-delay:.1s;}
.lh-nav-item li:nth-child(2){transition-delay:.2s;}
.lh-nav-item li:nth-child(3){transition-delay:.3s;}
.lh-nav-item li:nth-child(4){transition-delay:.4s;}
.lh-nav-item li:nth-child(5){transition-delay:.5s;}
.lh-nav-item li:nth-child(6){transition-delay:.6s;}
.lh-nav.on .lh-search-btn:before{transform:translateY(-100px);}
.lh-search{position:relative;}
.lh-keyword{position:absolute; right:0; top:50%; margin-top:-10px; width:156px; height:20px; border:none; border-bottom:1px solid #333; background:none; font-size:12px; transition:ease .65s; transform-origin:right center; transform:scaleX(0); color:#fff;transition-delay:.7s;}
.lh-keyword::-webkit-input-placeholder {color: #333;}
.lh-keyword:-moz-placeholder {　color: #333;}
.lh-keyword::-moz-placeholder {color: #333;}
.lh-keyword:-ms-input-placeholder {color: #333;}
.lh-nav.search .lh-keyword{transform:scaleX(1);}
.lh-nav.search .lh-nav-btn i{transform:rotate(45deg) translateY(10px);}
.lh-nav.search .lh-nav-btn i:before{transform:rotate(-90deg) translate(-3px,8px);}
.lh-nav.search .lh-nav-btn i:after{opacity:0;}

body.fixed .lh-header{transform:translateY(-100%);visibility:hidden;}
.navFixed .lh-nav-other{width:100%; position:fixed; left:0; top:0; background:#234693; z-index:200; border:none;}
.navFixed .lh-nav-other li a{color:#fff; transition:ease .15s;}
.navFixed .lh-nav-other li a:hover,.navFixed .lh-nav-other li.active a{color:#B57F41;}
.navFixed #OtherNav .lh-nav-other{border:none;}
.lh-map{position:fixed; left:0; top:0; width:100%; height:100%; background:#2438A1 url("/template/pc/zcwy2020/images/map-bg.png") no-repeat center bottom; z-index:300; padding:5vw 9vw; transform:translateY(-100%); visibility:hidden; transition:ease 1s;}
.navMap .lh-map{transform:translateY(0); visibility:visible;}
.lh-map-logo{float:left;}
.lh-map-nav{width:46vw;}
.lh-map-nav li{float:left; width:33.3%; margin-top:10vh;}
.lh-map-nav li dt{margin-bottom:2vh;}
.lh-map-nav li dt a{color:#fff; font-size:24px; position:relative;}
.lh-map-nav li:first-child dt a:before{content:''; display:block; height:40px; width:2px; background:#B57F41; position:absolute; left:-15px; top:50%; margin-top:-20px; transform:rotate(25deg);}
.lh-map-nav li dd a{color:#909dd5; line-height:24px;}
.lh-map-nav li dt a:hover{color:#B57F41;}
.lh-map-nav li dd a:hover{color:#fff;}
.lh-map-c{color:#ed6c00; text-align:right; margin-top:8vh;margin-right:300px;}
.lh-map-c h2{font-size:3.125vw;}
.lh-map-c h3{font-size:4.68vw; line-height:4.68vw}
.lh-map-c h4{font-size:2.5vw;}
.lh-map-c h5{color:#fff; position:relative; font-size:24px; display:inline-block; margin-top:10px;}
.lh-map-c h5:before{content:''; display:block; width:9vw; height:2px; background:#fff; position:absolute; left:-9.4vw; top:50%; margin-top:-1px;}
.lh-map-c .ewm{width:140px; float:right; margin-top:5vh;}
.lh-map-c .ewm img{width:140px;}
.lh-map-c .ewm h2{font-size:12px; color:#909dd5; text-align:center; margin-top:10px;}
.lh-map-d{margin-top:10vh; display:inline-block; border-bottom:2px solid #fff; padding-bottom:5px;}
.lh-map-d a{color:#fff; margin-right:35px;}
.lh-map-d a:last-child{margin-right:0;}
.lh-map-d a span{font-family:'simsun';}
.lh-map-d a:hover{color:#B57F41;}
.lh-map-close{display:block; width:42px; height:42px; background:#fff; border-radius:50%; float:right; position:relative;margin-right:300px;}
.lh-map-close:before{content:''; display:block ;width:24px; height:2px; background:#223F96; position:absolute; left:50%; top:50%; margin:-1px 0 0 -12px; transform:rotate(45deg);}
.lh-map-close:after{content:''; display:block ;width:24px; height:2px; background:#223F96; position:absolute; left:50%; top:50%; margin:-1px 0 0 -12px; transform:rotate(-45deg);}
.lh-map-close:hover{opacity:.9;}

.lh-nav-btn .menu{position:absolute; right:2.7vw; top:50%; margin:-8px 0 0 0; opacity:0; visibility:hidden;}
.navFixed .lh-nav-btn.menu{opacity:1; visibility:visible;}
.navFixed .lh-nav-btn.menu i,.navFixed .lh-nav-btn.menu i:before,.navFixed .lh-nav-btn.menu i:after{background:#fff;}
.lh-nav-item li dl{width:100vw; height:80px; background:#fff; position:absolute; left:0; top:80px; text-align:center; border-top:1px solid #f7f7f7;visibility: hidden;opacity:0;transition: ease .45s;transform: translateY(20px); box-shadow:0 0 10px rgba(0,0,0,.1);}
.lh-nav-item li dl dd{display:inline-block; height:100%; margin:0px 20px;vertical-align: bottom;}
.lh-nav-item li dl dd a{line-height:initial;}
.lh-nav-item li dl dd a:hover{color:#B57F41;}
.lh-nav-item li:hover dl{visibility: visible;opacity: 0.9;transform: translateY(0);}


/*banner*/
.banner{margin-top: 80px;}
.zc_banner{ overflow: hidden;position: relative; width: 100%; }
.zc_banner img{ display: block; width: 100%;}
.swiper-slide {  -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform}
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; }
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; }
.swiper-container-fade .swiper-slide{    pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active{pointer-events:auto}

.banner_btn{ position: absolute; display: none; padding: 0 40px; box-sizing: border-box; width: 100%; left: 0; top: 50%; transform: translateY(-50%); z-index: 2;}
.banner_btn a{ float: left; z-index: 1; display: block; display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; text-align: center; position: relative;}
.banner_btn a img{ height: auto; width: auto; display: block; margin: 0 auto;}
.banner_btn .next{ float: right;}
.banner_btn a:before{ content:""; display: block; width: 60px; height: 60px; background: rgba(0,0,0,.4); position: absolute; left: 0; top: 0; transition: ease .8s; transform: rotate(45deg);}
.banner_btn a:hover:before{ transform: rotate(90deg); background: #d8262c;}
.banner-hd{ width: 100%; height: 60px; position: absolute; left: 0; bottom: 0; z-index: 2; text-align: center; line-height: 60px; background: rgba(0,0,0,.4); }
.banner-hd li{ display: inline-block;cursor: pointer; width: 10px; height:10px; background: #ed6c00; transition: ease .8s; transform:rotate(45deg); margin: 0 14px; z-index: 1;}
.banner-hd li:before{ content: ""; opacity: 0; display: block; width: 14px; height: 14px; border:1px solid #ed6c00; position: absolute; left: -3px; top: -3px;transform:rotate(45deg);transition: ease .8s;}
.banner-hd li.on:before{ opacity: 1;transform:rotate(0deg);}


.mouse_bar{ position: absolute; left: 0; bottom: 80px; z-index: 10; width: 100%; color: #fff; text-transform: uppercase; display:none;}
.mouse_bar .sb{ display: block; width: 24px; height: 37px; background: url(/template/pc/zcwy2020/images/sb.png) no-repeat center; background-size: 100% 100%;  margin: 10px auto;}
.mouse_bar .z-row{ width: 50px; text-align: center;}
.index_about{ padding: 50px 0;}
.ab_info,.ab_map{ width: 50%; float: left;}
.ab_info{ padding-right: 50px; box-sizing: border-box;}
.index_tit{ text-align: center; margin-bottom: 20px;}
.arrow-left{  left: 100px;}
.arrow-right{  right: 100px;}
.banner_btn{ width: 60px; height: 60px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 99; cursor: pointer; transition: all .8s; border-radius: 50%; text-align: center; line-height: 60px;}
.banner_btn img{ width: auto; vertical-align: middle;}
.banner_btn:hover{ background:#12438a;}
.index_tit h3{ font-size: 36px; }
.index_tit em{ display:inline-block; width: 17px; height: 5px; background: #12438a; margin-top: 40px;}
.index_tit p{color: #929292;margin-top: 20px;}
.index_tit2{ text-align: left;margin-top: 50px;}
.ab_desc{ margin: 50px 0; color: #929292; line-height: 24px; margin-bottom: 80px;}
.ab_num li{ width: 20%; text-align: center; float: left;  color: #9b9b9b; line-height: 24px;} 
.ab_num li h3{ font-size: 36px; color: #12438a; line-height: 40px;}
.ab_map img{ max-width: 100%; }

.index_supply{ background: url(/template/pc/zcwy2020/images/index_bg.jpg) no-repeat center; background-size: cover; padding: 50px 0;}
.index_supply li{ width: 33.3%;position: relative; float: left;z-index: 1; overflow: hidden;}
.index_supply li:before{ content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.4); position: absolute;left: 0; top: 0; z-index: 1; transition: all .8s;}
.index_supply li .img{ width: 100%; transition: all .8s; vertical-align: bottom;}
.index_supply .supp_text{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; position: absolute; left: 0; z-index: 3; top: 0; color: #fff; text-align: center;}
.index_supply em{ display: inline-block; margin-bottom: 20px; }
.index_supply .tit{ font-size: 18px; margin-bottom: 10px;}
.index_supply li:hover:before{ opacity: 0;}

.index_supply li:hover .img{ transform: scale(1.1,1.1);}

.index_nav{ text-align: center; margin-bottom: 60px;}
.index_nav a{display: inline-block; width: 80px; height: 36px; margin: 0 5px; border-radius: 25px; text-align: center; line-height: 32px; box-sizing: border-box; border:2px solid #f9fbfc}
.index_nav a.active{ border: 2px solid #12438a; color:#12438a; font-weight: bold; }
.index_news{ background: #f9fbfc; padding: 50px 0;}
.index_news ul{ margin-left: -5.3%;}
.index_news li{ width: 28%; background: #fff; margin-left: 5.3%; float: left; background: #fff;}
.index_news .img{ width: 100%; /*height: 260px; */;overflow: hidden;}
.index_news .img img{ width: 100%; height: 100%; transition: all .8s;}
.index_news li:hover img{ transform: scale(1.1,1.1);}
.index_news .info{ padding: 30px 25px; box-sizing: border-box;}
.index_news .tit{ font-size: 16px; line-height: 30px; height: 60px; overflow: hidden; margin-bottom: 30px;}
.time_bar em{ display: flex;justify-content: center;align-items: center;font-weight: bold;font-size: 20px; transition: all .8s; float: right; width: 35px; height: 35px; line-height: 35px; text-align: center; border:1px solid #333;border-radius: 50%;}
.time_bar{ line-height: 35px;}
.time_bar span{ color: #929292;}
.index_news li:hover em{ transform: rotate(360deg); background: #12438a; color: #fff; border-color: #12438a;}
.m_banner{background-size: cover; text-align: center; padding: 100px 0; position: relative; z-index: 1;}
.m_banner .index_tit h3,.m_banner .index_tit p{ color: #fff;}
.m_banner:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.5);}
.m_banner .index_tit em{ margin-top: 20px;}
.m_banner .index_tit p{ margin-top: 5px;}
.m_banner .index_tit{ margin-bottom: 20px;}
.m_banner .tel{ font-size: 36px; color: #fff; }
.m_banner .tel i{ display: inline-block; width: 46px; height: 46px; margin-top: -5px; background: url(/template/pc/zcwy2020/images/tel.png) no-repeat center; background-size: 100% 100%; vertical-align: middle; margin-right: 10px;}

/*footer*/
.lh-footer{padding:45px 9.89vw;background:linear-gradient(90deg,#12438a,#253A81); color:#fff;position:relative;z-index:2;}
.lh-footer-a{margin-top:40px;}
.lh-footer-l{animation-delay:.1s;}
.lh-footer-r{animation-delay:.3s;}
.lh-footer-l dl{float:left; margin-right:2vw; line-height:24px;}
.lh-footer-l dl a{color:#fff;}
.lh-footer-l dl a:hover{text-shadow:2px 2px 2px rgba(0,0,0,1);}
.lh-footer-l dl dt a{font-size:16px;}
.lh-footer-l dl dt{margin-bottom:20px;}
.lh-footer-c{margin-left:5vw;animation-delay:.2s;}
.lh-footer-c a{color:#fff}
.lh-footer-c h2{font-size:16px; margin-bottom:25px;}
.lh-footer-c ul{line-height:24px; margin-top:20px;}
.lh-footer-ewm h2{float:right; line-height:24px; text-align:right; margin-right:1.5vw; padding-top:20px;}
.lh-footer-ewm .img{float:right; width:96px;}
.lh-footer-d{margin-top:45px; height:42px; position:relative; background:#fff; width:286px;}
.lh-footer-d a{position:absolute; right:0; top:0; width:96px; height:42px; line-height:42px; background:#ed6c00; color:#fff; text-align:center; font-size:16px;}
.lh-footer-d a:hover{background:#D39B1C;}
.lh-footer-d select{width:190px; height:42px; line-height:42px; background:none; border:none; padding:0 15px; position:absolute; right:96px; top:0; z-index:2;}
.lh-footer-d i{position:absolute; right:111px; line-height:42px; top:0; z-index:1; color:#333; font-size:12px;}
.lh-copy{margin-top:150px;}
.lh-copy a{color:#fff;}
.lh-copy a:hover{text-shadow:2px 2px 2px rgba(0,0,0,1);}

/*关于我们*/
.other_banner{ width: 100%; position: relative;margin-top: 80px;}
.other_banner img{ width: 100%; vertical-align: bottom;}
.other_banner .banner_text{ position: absolute; left: 0; bottom: 60px; width: 100%; font-size: 36px; color: #fff;}
.wrapper{ height: 80px; line-height: 80px; border-bottom:1px solid #e2e2e2;}
.page_nav{margin:0 auto;}
.page_nav li{float: left; font-size: 16px; margin-right: 40px;}
.page_nav li a{font-size: 16px;}
.page_nav li a:hover,.page_nav li.active a{color:#12438a;font-weight:700;}
.about_desc{ width: 880px; margin: 0 auto;  padding: 70px 0;}
.about_text{ color: #929292; line-height: 24px; }
.about_text2{ text-align: center; color: #929292; line-height: 24px; margin-bottom: 50px;}
.about_desc2 .ab_num{ margin-top: 60px;}
.cul_list{ }
.cul_list dl{ float: left; text-align: center; box-sizing: border-box; width: 20%; padding: 0 20px; box-sizing: border-box;}
.cul_list dt{ height: 55px; position: relative; display: block;}
.cul_list dt img{ vertical-align: bottom;  position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);transition: all .8s;}
.cul_list h3{ margin: 15px 0; font-size: 20px;}
.cul_list p{ color: #e1edfa; line-height: 24px;}
.about_cul{ background: #74a4dc; color: #fff; padding: 70px 0;}

.process{ background: url(/template/pc/zcwy2020/images/about_lcbg.jpg) no-repeat center; background-size: cover;background-attachment: fixed; padding: 100px 0;}
.process .index_tit{ color: #fff;}
.process_box{width: 1000px; background: #fff; padding:60px; box-sizing: border-box; margin: 0 auto}
.gallery-thumbs{ text-align: center; position: relative; padding-bottom: 30px;  box-sizing: border-box;}
.gallery-thumbs .swiper-slide{ font-size:16px; font-weight: bold; color: #9e9e9e;cursor: pointer;}
.gallery-thumbs .swiper-slide-active{ color: #12438a;}
.process_box .btn{ display: block; width: 30px; height: 30px;z-index: 999; cursor: pointer;}
.process_box .swiper-button-prev{ position: absolute; left: 0; top: 0; background: url(/template/pc/zcwy2020/images/images/arr_l1.png) no-repeat center;}
.process_box .swiper-button-next{ position: absolute; right: 0; top: 0; background: url(/template/pc/zcwy2020/images/images/arr_r1.png) no-repeat center;}
.process_box .pdbox{padding: 0 60px; box-sizing: border-box; position: relative;border-bottom:1px solid #dcdcdc; }
.gallery-top{margin-top: 60px; }
.gallery-top .swiper-slide{ text-align: center; color: #929292; line-height: 24px;}

.about_honor{ background:#f9fbfc; padding: 100px 0 ;}
.honor_list{ background: #fff;padding: 40px; box-sizing: border-box; padding-bottom: 0;}
.honor_list .gallery{ margin-left: -3%;}
.honor_list .li{ width: 22%; float: left; margin-left: 3%; text-align: center; margin-bottom: 40px;}
.honor_list .img{ width: 100%; height: 220px;}
.honor_list .img img{ width: 100%; height: 100%;}
.honor_list .tit{ color: #666;margin-top: 10px;}

.about_ldtd{ background:#f9fbfc; padding: 100px 0 ;}
.ldtd_list{ background: #fff;padding: 40px; box-sizing: border-box; padding-bottom: 0;}
.ldtd_list .gallery{ margin-left: -3%;}
.ldtd_list .li{ width: 22%; float: left; margin-left: 3%; text-align: center; margin-bottom: 40px;}
.ldtd_list .img{ width: 100%; height: 170px;}
.ldtd_list .img img{ width: 100%; height: 100%;}
.ldtd_list .tit{ color: #666;margin-top: 10px;}
#zoom{z-index:99990;position:fixed;top:0;left:0;display:none;width:100%;height:100%;background:rgba(0, 0, 0, 0.8);filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"}#zoom .content{z-index:99991;position:absolute;top:50%;left:50%;width:200px;height:200px;background:#ffffff no-repeat 50% 50%;padding:0;margin:-100px 0 0 -100px;box-shadow:-20px 20px 20px rgba(0, 0, 0, 0.3)}#zoom .content.loading{background-image:url("/template/pc/zcwy2020/images/loading.gif")}#zoom .content .overlay{position:absolute;border:1px solid rgba(255, 255, 255, .08);top:-1px;left:-1px;width:100%;height:100%;-webkit-user-select:none}#zoom img{display:block;max-width:none;background:#ececec;box-shadow:0 1px 3px rgba(0,0,0,0.25)}#zoom .close{z-index:99993;position:absolute;top:0;right:0;width:49px;height:49px;cursor:pointer;background:transparent url("/template/pc/zcwy2020/images/close.png") no-repeat 50% 50%;opacity:1;filter: alpha(opacity=100)}#zoom .next,#zoom .previous{z-index:99992;position:absolute;top:50%;overflow:hidden;display:block;width:49px;height:49px;margin-top:-25px}#zoom .previous{left:0;background:url("/template/pc/zcwy2020/images/arrows.png") no-repeat 0 0}#zoom .next{right:0;background:url("/template/pc/zcwy2020/images/arrows.png") no-repeat 100% 0}#zoom .close:hover{background-color:#da4f49}#zoom .next:hover,#zoom .previous:hover{background-color:#0088cc}
.lb_case{ padding: 80px 0;}
.btn_group{ display: flex; justify-content:center; align-items: center; margin-top: 60px;}
.btn_group .btn{ display: block; width: 40px; height: 40px; cursor: pointer;}
.btn_group .swiper-button-prev{ background:url(/template/pc/zcwy2020/images/arr_l2.png) no-repeat center ;}
.btn_group .swiper-button-prev:hover{ background:url(/template/pc/zcwy2020/images/arr_l3.png) no-repeat center ;}
.btn_group .swiper-button-next{ background:url(/template/pc/zcwy2020/images/arr_r2.png) no-repeat center ;}
.btn_group .swiper-button-next:hover{ background:url(/template/pc/zcwy2020/images/arr_r3.png) no-repeat center ;}
.btn_group .swiper-pagination{ margin: 0 30px;}
.btn_group .swiper-pagination span{ margin: 0 5px; background: #d1d1d3;}

.brand_box{ width: 100%; position: relative; display: flex; align-items: center; height: 460px; background-position: center; background-repeat: no-repeat; background-size: cover;}
.brand_box .h3{ font-size: 30px; line-height: 26px; font-family: "en"; color: #bbbbbb; text-transform: uppercase;}
.brand_box h4{ font-size: 18px; font-weight: bold;}
.brand_box .line{ display: block; width: 16px; height: 1px; background: #BF2E2E; margin: 25px 0;}
.brand_box .desc{ color: #333333; line-height: 30px; font-size: 16px;}
.brand_info{ position: absolute; padding: 0 4% 0 10.4%; box-sizing: border-box; display: flex; align-items: center;  left: 0; top: 0; width: 32.8%; height: 100%; background: #e4e6ea;}
.brand_box:first-child .brand_info{ background: none;}

.brand_box:nth-child(3) .brand_info{ right: 0; color: #fff; left: auto;padding: 0 10.4% 0 4%;background: #6f8acf;}
.brand_box:nth-child(3) .brand_info .h3,.brand_box:nth-child(3) .brand_info .desc{color: #fff;}

.brand_box:nth-child(4) .brand_info .h3,.brand_box:nth-child(4) .brand_info .desc{color: #fff;}
.brand_box:nth-child(4) .brand_info{ background: none;color: #fff; }
.brand_box:nth-child(5) .brand_info .h3,.brand_box:nth-child(5) .brand_info .desc{color: #fff;}
.brand_box:nth-child(5) .brand_info{ color: #fff;background: #4071ca;}
.brand_box:nth-child(6) .brand_info{background: #e4e6ea; right: 0; left: auto;}
.brand_box:nth-child(7) .brand_info{background:none; color: #fff;}
.brand_box:nth-child(7) .brand_info .h3,.brand_box:nth-child(7) .brand_info .desc{color: #fff;}

.brand_nk{ background: #f0f2f3; padding: 60px 0;}

.pro_case{ background: #e3f3fb;}
.pro_case2{ padding: 80px 0;}
.pro_case2 .index_case{ padding: 0;}
.kf_box{ margin-left: -2.8%; margin-top: 60px;}
.kf_box .box{ width: 30.5%; float: left; margin-left: 2.8%;text-align: left; float: left; min-height: 380px; padding: 40px 50px; box-sizing: border-box;color: #fff;}
.kf_box .box:nth-child(1){ background: #12438a;}
.kf_box .box:nth-child(2){ background: #6678b6;}
.kf_box .box:nth-child(3){ background: #4ba6b9;}
.kf_box em{ height: 40px; display: block;}
.kf_box em img{ max-height: 100%;}
.kf_box h3{ font-size: 18px; margin: 15px 0;}
.kf_box .text{ line-height: 24px; color:rgba(255,255,255,.8);}
.about_desc .z-container2{ width: 1200px;}

.mobile_case { display: none;}

.service_con{ padding: 80px 0; background:url(/template/pc/zcwy2020/index_bg.jpg) no-repeat bottom; background-size: cover;}
.ser_list ul{ margin-left: -1%;}
.ser_list li{ width: 24%; margin-left: 1%; float: left;transition: all .8s; height: 350px; background: #fff; padding: 40px 30px; box-sizing: border-box;}
.ser_list li em{ display: block; height: 36px; overflow: hidden;}
.ser_list li em img{ transition: all .8s;}
.ser_list li:hover img{ transform: translateY(-36px);}
.ser_list li h3{ font-size: 18px; margin: 15px 0;transition: all .8s;}
.ser_list li .text{ color: #929292; line-height: 24px;transition: all .8s;}
.ser_list li:hover{ background: #12438a;}
.ser_list li:hover h3{ color: #fff;}
.ser_list li:hover .text{ color:rgba(255,255,255,.8);}

.keji_box{ margin-top: 60px;}
.keji_box .box{ width: 50%; float: left; border: 2px solid #fff; box-sizing: border-box; height: 360px; color: #fff; padding: 60px; text-align: left;}
.keji_box .box:nth-child(1){ background: #12438a;}
 .keji_box .box:nth-child(2){ background: #6678b6;}
 .keji_box .box:nth-child(3){ background: #4ba6b9;}
 .keji_box .box:nth-child(4){ background: #8fb242;}
.keji_box .box h3{ font-size: 24px;} 
.keji_box .box em{ display: block; width: 18px; height: 2px; background: #fff; margin: 15px 0;}
.keji_box .box .text{ line-height: 24px;}
.zc_box{ margin-left: -1%; margin-top: 60px;}
.zc_box .box{ width: 24%; float: left; margin-left: 1%; background: #f9fbfc; padding: 50px 40px; box-sizing: border-box; text-align: left;min-height: 290px;} 
.zc_box h3{ font-size: 24px; color: #12438a; margin-bottom: 20px;}
.zc_box .text{ line-height: 24px; color: #929292;}
.zc_box2{ margin-left: -3.3%;}
.zc_box2 .box{ width: 30%; margin-left: 3.3%; min-height: 380px;}
.news_first{ margin-top: 60px;}
.news_first .img,.news_first .info{ width: 50%; float: left; background: #fff; height: 400px;}
.news_first .img img{ width: 100%; height: 100%;}
.news_first .info{ padding: 70px; box-sizing: border-box;}
.news_first h3{ font-size: 24px; line-height: 36px; height: 72px; overflow: hidden;}
.news_first .text{ color: #929292; line-height: 24px; margin: 40px 0;}
.index_news2{ margin-top: 50px; padding: 0;}
.news_first:hover .time_bar em{background: #12438a; transform: rotate(360deg); color: #fff; border-color: #fff;}
.loadmore{ display:block; width: 180px; height: 60px;font-weight: bold; background: #fff; border-radius:30px; text-align: center; line-height: 60px; margin: 50px auto; font-size: 18px; transition: all .8s;}
.loadmore:hover{ background: #19A19F; color: #fff;}
.news_content{ background: #fff;position: relative; padding: 100px; box-sizing: border-box; border-radius: 10px; min-height: 450px;}
.news_tit{ text-align: center;}
.news_tit h3{ font-size: 30px;  margin-bottom: 50px;}
.news_tit span{ display: block;  width: 100%; text-align: center;}
.news_img{ color: #333; line-height: 24px; padding: 30px 0;text-align: center; }
.news_artic{ color: #333; line-height: 24px; border-bottom:2px solid #333333;padding: 20px 0; margin-bottom: 50px;}
.news_artic img{ max-width: 100%;}
.topbtm_bar{ position: relative;}
.topbtm_bar a{ display: block; width: 50%; margin-bottom: 10px;}
.topbtm_bar .back{ display: flex;justify-content: space-between; align-items: center; width: 120px; height: 50px; line-height: 50px; background: #12438a; color: #fff; border-radius: 25px; padding: 0 25px; box-sizing: border-box; position: absolute; right: 0; top: 0;}
.topbtm_bar .back em{ display: inline-block; width: 7px; height: 12px; background: url(/template/pc/zcwy2020/images/arr.png) no-repeat center;}

.add_nav{ height: 66px; line-height: 66px; background: #f9fbfc;}
.add_nav li{ width: 33.3%; float: left; text-align: center; font-size: 16px; position: relative; cursor: pointer;}
.add_nav li.active{ background: #0f86c6; color: #fff;}
.add_nav li.active:before{ content: ""; display: block; width: 13px; height: 9px;z-index: 2; background: url(/images/arrs.png) no-repeat center;background-size: 100% 100%; position: absolute; left: 50%; transform: translateX(-50%); top: 66px;}
.add_con{ width: 100%; background: url(/template/pc/zcwy2020/images/add_bg.jpg) no-repeat center; background-size: 100% 100%; padding: 88px 0;}
.sideMenu.on{ animation: zoomIn 1s;}
.sideMenu .tit{ height:56px; line-height:56px; padding:0 20px;box-sizing: border-box; background:#f8f8f8; cursor:pointer; color: #2e2e2e; border-bottom: 2px solid #19a19f;}
.sideMenu .tit span{ display: inline-block; width:30%; height:56px;overflow: hidden;line-height: 56px;
    text-overflow: ellipsis;
    white-space: nowrap;}
.sideMenu .tit em{ float:right; display:inline-block; width:12px; height:12px; background: url(/template/pc/zcwy2020/images/add.png) no-repeat left center; background-size: 100% 100%;  margin-top: 22px;}
.sideMenu .tit.on em{ background: url(/template/pc/zcwy2020/images/jian.png) no-repeat center; background-size: 100% auto }
.sideMenu .tit.on{ background:#0f86c6; color: #fff; }
.sideMenu ul{ padding:40px 50px; color:#515151; display:none; /* 默认都隐藏 */ background: #f4f4f4;  border-bottom: 2px solid #19a19f;}

.sideMenu ul h4{ margin-bottom: 20px;}
.sideMenu ul p{ margin-bottom: 10px;}
.sideMenu .aplybtn{ display: inline-block; width: 120px; height: 40px; background: #1c8bd5; border-radius: 25px; line-height: 40px; text-align: center;color: #fff; margin-top: 40px; cursor: pointer;}
.aply_pop{ width: 560px; height: 280px; background: #fff;border-radius: 3px; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%);box-shadow: 0 0 10px 5px #d9d9d9; text-align: center; padding: 10px;box-sizing: border-box; display: none;}
.aply_pop h3{ height: 66px; line-height: 66px; text-align: center; border-bottom:1px solid #cccccc; margin-bottom: 25px;}
.aply_pop .uploadbtn{ display: inline-block; width: 100px; height: 33x; text-align: center;line-height: 33px; color: #333; color: #fff; border-radius: 4px; background:#1C8BD5; position: relative;overflow: hidden;}
.aply_pop .uploadbtn input{ position: absolute; left: 0; bottom: 0; top: 0;right: 0; opacity: 0;}
.aply_pop p{ color: #7f7f7f; margin-top:5px; margin-bottom: 40px;}
.aply_pop .btn_group button{ display: inline-block; width: 100px; height: 33px; background: #c6c6c6; border:none; color: #fff; border-radius: 3px; cursor: pointer;}
.aply_pop .btn_group .surebtn{ background: #929292;}
.aply_pop .closebtn{ width: 27px; height: 27px;background: url(/template/pc/zcwy2020/images/close.png) no-repeat center; background-size: 100% 100%; position: absolute; right: 15px; top: 15px; cursor: pointer;}
.m-banner { position: relative;}
.m-banner img{ width: 100%; vertical-align: bottom;}
.m-banner h3{ position: absolute; left:50%; top: 50%; transform: translate(-50%,-50%); font-size: 36px; color: #fff;}

.contact_page{ background: #fff; position: relative; top: -80px; padding: 50px 50px 10px 50px; box-sizing: border-box; color: #5e5e5e;}
.contact_page .info,.contact_page .code{ width: 50%; float: left;}
.contact_page .info h3{font-size: 18px; color: #333;}
.contact_head{ padding-bottom: 40px; border-bottom:1px solid #dedede; line-height: 24px; margin-bottom: 50px;}
.contact_head .code{ float: right;}
.contact_head .code .box{ float: right; margin-left: 35px; color: #a3a3a3;}
.contact_head .code img{ width: 66px; height: 66px;}
.contact_addre .box{ width: 42%; float: left; margin-bottom: 30px;min-height:100px }
.contact_addre .box:nth-child(even){ float: right;}
.contact_addre h3{ font-size: 18px; margin-bottom: 10px; color: #333;}
.contact_addre .text{ line-height: 24px;}

.case_nav{ display: inline-block; margin: 0 auto; margin-bottom: 60px; text-align: center; border-radius: 25px; background: #0088CC; color: #fff; height: 40px; line-height: 40px;margin-top:20px;}
.case_nav a{display: inline-block; width: 130px; color: #fff; font-size: 16px;}
.case_nav a.active{ background:#12438a; border-radius: 25px;}
.index_news2 ul{ margin-left: -1.3%;display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.index_news2 li{ margin-bottom: 18px; width: 32%; margin-left: 1.3%;} 
.mb{ margin-top: -240px;}
.news_artic{ min-height: 400px;}
.case_box .child.on{animation: fadeInUp2 1s ;}

/*news page*/
/*分页*/
.news_pager {width:100%;margin: 40px 0; text-align:center;}
.news_pager ul { display: inline-block;}

.news_pager a {display: inline-block; padding: 9px 15px; border: 1px solid #e4eaec; border-right: none; background: #ffffff; text-align: center; color: #76838f; }
.news_pager a:hover .news_pager a.active{ background: #f5f5f5;color: #76838f;color: ; text-decoration: none; }


/*index case*/
.index_case{ padding: 60px 0;background:url(/template/pc/zcwy2020/images/xj.jpg) no-repeat center; background-size:cover;}
.index_case_tit{ padding: 40px 0; display: flex;justify-content: space-between;align-items: center;}
.index_case_tit .fr{ margin-left: auto;}
.caselm a{ display: inline-block; margin-left: 15px; transition: ease .6s; color: #666666; box-sizing: border-box; padding:0 20px; border:1px solid #dddddd; height: 34px; line-height: 32px; border-radius: 17px; background: #fff;}
.caselm a:hover{ background: #ed6c00; color: #fff; border-color: #ed6c00;}
.index_case_tit .more{ display: inline-block; padding: 0 24px; background: #ed6c00; height: 40px; line-height: 40px; border-radius: 20px; color: #fff; font-size: 15px; cursor: pointer;}
.index_case_list ul{ margin-left: -2.2%;}
.index_case_list .child{ display: none;}
.index_case_list .child.on{ display: block;}
.index_case_list li{ width: 22.8%; float: left; margin-left: 2.2%;}
.index_case_list li .img{ height: 200px; position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.index_case_list .lg1{ display: inline-block; position: absolute;transition: ease .8s; left: 0; bottom: 0; background: rgba(0,0,0,.7); padding: 0 15px; box-sizing: border-box; color: #fff; height: 50px; line-height: 50px;}
.index_case_list .lg1 em{ font-size: 22px; font-weight: bold; display: inline-block; margin-right: 5px;}
.index_case_list .lg2{ width: 100%; height: 100%; opacity: 0; transition: ease .8s; font-size: 14px; line-height: 28px; position: absolute; left: 0; top:0; background: rgba(0,0,0,.8);padding: 0 15px; box-sizing: border-box; color: #fff; display: flex; justify-content: center; align-items: center; text-align: center;}
.index_case_list .info{ background: #fff; padding: 20px; box-sizing: border-box;}
.index_case_list .info h3{ font-size: 16px; font-weight: bold; transition: ease .4s;}
.index_case_list .label span{ display: inline-block; color: #333333; margin-right: 20px;}
.index_case_list .label{ margin: 15px 0;}
.index_case_list .set span{ display: inline-block; padding: 0 10px; border:1px solid #f9b1b3; height: 30px; line-height: 30px; color: #ed6c00;margin-right: 10px;}
.index_case_list li:hover .lg2{ opacity: 1;}
.index_case_list li:hover h3{ color: #ed6c00;}
.index_case_list li:hover .lg1{ opacity: 0;}
.index_case_list li:hover{ box-shadow: 0 0 10px rgba(0,0,0,.2);}

/*page case*/
.page_case_list ul{ margin-left: -5.3%;}
.page_case_list .child{ display: none;}
.page_case_list .child.on{ display: block;}
.page_case_list{ margin-top: 40px;background: #f9fbfc; padding: 40px 0;}
.page_case_list li{ margin-bottom: 50px;width: 28%; float: left; margin-left: 5.3%;}
.page_case_list li .img{ height: 200px; position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.page_case_list .lg1{ display: inline-block; position: absolute;transition: ease .8s; left: 0; bottom: 0; background: rgba(0,0,0,.7); padding: 0 15px; box-sizing: border-box; color: #fff; height: 50px; line-height: 50px;}
.page_case_list .lg1 em{ font-size: 22px; font-weight: bold; display: inline-block; margin-right: 5px;}
.page_case_list .lg2{ width: 100%; height: 100%; opacity: 0; transition: ease .8s; font-size: 14px; line-height: 28px; position: absolute; left: 0; top:0; background: rgba(0,0,0,.8);padding: 0 15px; box-sizing: border-box; color: #fff; display: flex; justify-content: center; align-items: center; text-align: center;}
.page_case_list .info{ background: #fff; padding: 20px; box-sizing: border-box;}
.page_case_list .info h3{ font-size: 16px; font-weight: bold; transition: ease .4s;}
.page_case_list .label span{ display: inline-block; color: #333333; margin-right: 20px;}
.page_case_list .label{ margin: 15px 0;}
.page_case_list .set span{ display: inline-block; padding: 0 10px; border:1px solid #f9b1b3; height: 30px; line-height: 30px; color: #ed6c00;margin-right: 10px;}
.page_case_list li:hover .lg2{ opacity: 1;}
.page_case_list li:hover h3{ color: #ed6c00;}
.page_case_list li:hover .lg1{ opacity: 0;}
.page_case_list li:hover{ box-shadow: 0 0 10px rgba(0,0,0,.2);}

@media screen and (max-width: 1700px){
	.lh-footer-c{margin-left:2vw;}
}
@media screen and (max-width: 1600px){
	.lh-footer-c{margin-left:2vw;}
	.lh-copy{margin-top:100px;}	
	.lh-footer{padding:45px 4.89vw;}
}
@media screen and (max-width: 1440px){
	.lh-footer-c{display:none;}	
}
@media screen and (max-width: 1470px) {
	.z-container,.z-container2{ width: 84%;}
	.ab_desc{ margin: 30px 0;}
	.ab_num li h3{ font-size:30px}
}
@media screen and (max-width: 1024px) {
.z-container,.z-container2{ width: 94%;}
.large-header{display:none;}
.lh-header{height:50px;}
.lh-logo{position:absolute; left:10px; top:10px;transform:translateY(-50%); width:120px; margin:20px 0;}
.lh-nav-item{position:fixed; right:0; top:0; width:40%; height:100%; background:#B57F41; padding-top:50px;transform:translateX(100%);}
.lh-nav-item li{padding:0; width:100%; line-height:45px; text-align:center; margin:0; height:45px;}
.lh-nav-item li em{display:none;}
.lh-nav-btn{position:absolute; right:10px; top:50%; margin:0; transform:translateY(-50%);}
.lh-search-btn{position:absolute; right:0; top:50%; margin:0;transform:translateY(-50%);}
.lh-search-btn:before{display:none;}
.lh-nav-item{transition:ease .65s;}
.lh-nav.on .lh-nav-item{transform:translateX(0);}
.lh-nav.on .lh-nav-item li{transform:translateY(0);}
.lh-search{height:50px; width:30%; right:40px; top:0; display:none;}
.lh-keyword{width:120px; transition-delay:0s;}
.lh-map{display:none;}	
.zc_banner{ margin-top: 70px; width: 100%; overflow: hidden; position: relative;}
.zc_banner .zc_banner-hd{ width: 100%; z-index: 2; text-align: center; position: absolute; left: 0; bottom: 50px;}
.banner-hd{ width: 100%; height: 20px; position: absolute; left: 0; z-index: 2; text-align: center; line-height: 20px; background: rgba(0,0,0,.4); }
.banner-hd li{ display: inline-block;cursor: pointer; width: 5px; height:5px; background: #ed6c00; transition: ease .8s; transform:rotate(45deg); margin: 0 14px; z-index: 1;}
.banner-hd li:before{ content: ""; opacity: 0; display: block; width: 8px; height: 8px; border:1px solid #ed6c00; position: absolute; left: -3px; top: -3px;transform:rotate(45deg);transition: ease .8s;}

.index_case_list{ padding: 20px 0;}
.index_case_list ul{ margin-left: -3%;}
.index_case_list li{ width:47%; margin-bottom: 15px; float: left; margin-left:3%;}
.index_case_list li .img{ height: 100px; position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.index_case_list .lg1{ display: inline-block; position: absolute;transition: ease .8s; left: 0; bottom: 0; background: rgba(0,0,0,.7); padding: 0 10px; box-sizing: border-box; color: #fff; height: 40px; line-height: 40px;}
.index_case_list .lg1 em{ font-size:16px; font-weight: bold; display: inline-block; margin-right: 5px;}
.index_case_list .lg2{ width: 100%; height: 100%; opacity: 0; transition: ease .8s; font-size: 17px; line-height: 28px; position: absolute; left: 0; top:0; background: rgba(0,0,0,.8);padding: 0 15px; box-sizing: border-box; color: #fff; display: flex; justify-content: center; align-items: center; text-align: center;}
.index_case_list .info{ background: #fff; padding: 10px; box-sizing: border-box;}
.index_case_list .info h3{ font-size: 13px; line-height: 20px; height: 40px; font-weight: bold; }
.index_case_list .label{ margin: 10px 0; margin-top: 6px; color: #888888;}
.index_case_list .set span{ display: inline-block; padding: 0 7px; border:1px solid #f9b1b3; height: 23px; line-height: 20px; color: #d8262c;margin-right: 10px; border-radius: 3px;}
.index_case_list .set span:nth-child(2){ display: none;}

.page_case_list{padding: 20px 0;}
.page_case_list ul{ margin-left: -3%;}
.page_case_list li{ idth: 97%; float: left;margin-left:3%;}

.brand_box{ height: auto; padding: 20px 0;}
.brand_info{ padding: 10px; text-align: center;justify-content: center; background: none!important; position: relative; left: auto; top: 0; right: auto; width: 100%;}
.brand_box .h3{ white-space: nowrap; color: #fff; font-size: 20px;}
.brand_box h4{ font-size: 14px;color: #fff;}
.brand_box .desc{ line-height: 24px;  font-size: 12px;color: #fff;}
.brand_box .line{ margin: 15px auto;}
.brand_box:first-child .h3,.brand_box:first-child h4,.brand_box:first-child .desc{ color: #000;}
.brand_nk{ padding: 20px 0;}
.brand_box:nth-child(3) .brand_info{ padding: 0;}
}
@media screen and (max-width:768px) {
	
	.banner,.other_banner{ margin-top: 70px;}
	.banner{height:186px;}

	.banner-hd{ width: 100%; height: 20px; position: absolute; left: 0; bottom: 0; z-index: 2; text-align: center; line-height: 20px; background: rgba(0,0,0,.4); }
	.arrow-left{left:0; display:none;}
	.arrow-right{right:0; display:none;}
	.banner .swiper-slide{background-size:cover !important; background-repeat:no-repeat !important; background-position:center center !important; height:100% !important;}
	.mouse_bar{ display: none;}
	.swiper-slide .img{transform:scale(1);}
	.ab_info,.ab_map{ width: 100%; padding: 0;}
	.index_about,.index_supply,.index_case,.index_news,.about_cul,.process,.about_honor,.lb_case,.pro_case2,.service_con,.add_con{ padding: 30px 0;}
	.index_tit h3{ margin-top: 0; font-size: 18px;}
	.index_tit em{ margin-top: 10px;}
	.ab_num li h3{ font-size: 20px;}
	.index_supply li{ width: 50%;}
	.index_tit{ margin-bottom: 20px;}
	.index_tit p{ margin-top: 10px;}
	.page_case_list ul{ margin: 0;}
	.page_case_list li{ width: 90%; margin: 0 5%; margin-bottom: 10px;}	
	.page_case_list .img{ height: auto;}
    .index_news ul{ margin: 0;}
    .index_news li{ width: 90%; margin: 0 5%; margin-bottom: 10px;}	
	
	.index_news .img{ height: auto;}
	.m_banner .tel{ font-size: 20px;}
	.m_banner{ padding: 30px 0;}
	.index_nav{ margin-bottom: 30px;}
	
	#wrapper { height: 50px; width: 100%; overflow: hidden;}
  .page_nav { line-height: 50px; height: 50px;overflow: hidden; width: 100%; }
  .page_nav li{ padding: 0 10px}
  .page_nav li.cur a{ color: #12438a;}
.about_desc,.about_desc.z-container2{ width:94%; padding: 30px 0;}
.process_box{ width: 100%; padding:30px 20px;}
.gallery-top{margin-top: 30px; }
.about_text{ margin-bottom: 30px;}
.cul_list dl{ width: 100%; padding: 0; text-align:left; margin-bottom: 20px;}
.cul_list dt{ width: 20%; float: left;}
.cul_list dt img{ max-width: 80%;}
.cul_list h3{font-size: 18px; margin-top: 0; margin-bottom: 5px;}
.cul_list dd{ width: 80%; float: left; }
.gallery-thumbs{ padding-bottom: 0;}
.other_banner .banner_text{ font-size: 16px; bottom: 10px;}
.mobile_case .swiper-slide{ overflow: visible;}
.mobile_case { display: block; width: 94%;}
.pc_case{ display: none;}
.ser_list ul{margin-left: 0;}
.ser_list li{  width: 100%; margin-left: 0; margin-bottom: 10px;padding: 20px; height: auto;}
.keji_box .box{ width: 100%;height: auto;}
.zc_box{ margin-left: 0; margin-top: 30px;}
.zc_box .box{ width: 100%; min-height: auto; margin-bottom: 10PX; padding: 20px; margin-left: 0;}
.zc_box h3{font-size: 18px;}
.sideMenu .tit{ padding: 0 10px;}
.add_nav{ height: 40px; line-height: 40px;}
.add_nav li.active:before{ top: 40px;}
.contact_page{ top: 0;}
.m-banner h3{font-size: 18px;}
.contact_page{ padding: 20px;}
.contact_page .info, .contact_page .code{ width: 100%;}
.contact_page .code{ margin-top: 20px;}
.contact_page .code .box{float: none; display: inline-block; margin-left: 0; margin-right: 30px;}
.contact_head{ padding-bottom: 30px; margin-bottom: 30px;}
.contact_addre .box{ width: 100%; margin-bottom: 20px;}
.news_content{ padding: 10px;}
.news_tit h3{ font-size: 18px; margin-bottom: 20px;}
.news_artic{ padding: 30px 0;}
.topbtm_bar .back{position: relative; left: 0; transform: translate(0); height: 30px; line-height: 30px; width: 120px;}
.lh-nav-other{line-height:50px; height:50px; background:#fff;}
.lh-nav-other li{padding:0 20px;}
.lh-nav-other li a{font-size:16px;}
.lh-nav-btn.menu{display:none;}
.lh-nav-item li a{color:#fff;}
.lh-nav-btn.on i,.lh-nav-btn.on i:before,.lh-nav-btn.on i:after{background:#fff;}
.lh-nav-item li a:hover span, .lh-nav-item li a.on span{color:#fff;}
.lh-nav-item li dl,.lh-banner-btn{display:none;}
.lh-header{box-shadow:0 0 20px rgba(0,0,0,.1);}
.lh-logo{width:180px;}

.lh-footer{padding:20px 10px;}
.lh-link{font-size:12px;}
.lh-link a{font-size:12px;}
.lh-link div{width:80%;}
.lh-footer-a{margin-top:20px;}
.lh-footer-l{display:none;}
.lh-footer-c{display:block; width:100%; margin:0;}
.lh-footer-c h2{margin-bottom:12px;}
.lh-footer-c ul{margin-top:10px; font-size:12px;}
.lh-footer-r{width:100%; margin-top:20px;}
.lh-footer-ewm{width:96px;}
.lh-footer-ewm h2{text-align:center; width:100%; margin-right:0; padding-top:10px; fonot-size:12px; line-height:18px;}
.lh-footer-d{width:100%; margin-top:20px;}
.lh-footer-d select{width:100%; right:0;}
.lh-footer-d a{z-index:3;}
.lh-copy{margin-top:30px; font-size:12px; line-height:18px;}
.lh-copy a{font-size:12px;}
}
@media screen and (max-width:420px) {
.bannertext .textp{font-size:30px}
    .index_supply li{ width: 100%;}	
    .index_news ul{ margin: 0;}
    .index_news li{ width: 100%; margin: 0; margin-bottom: 10px;}
    .index_news .info{ padding: 10px;}
    .ldtd_list .gallery{ margin-left: 0;}
    .ldtd_list .li{ width: 100%; margin-left: 0;}
    .ldtd_list{ padding: 10px;}
    .ldtd_list .img{height: auto;}
    .honor_list .gallery{ margin-left: 0;}
    .honor_list .li{ width: 100%; margin-left: 0;}
    .honor_list{ padding: 10px;}
    .honor_list .img{height: auto;}
    .btn_group{ margin-top: 30px;}
    .video_bar .playbtn{ width: 40px; height: 40px; background-size: 100% 100%;}
    .video_bar h3{ font-size: 20px;}
    .video_bar h4{ font-size: 14px;}
    .kf_box,.keji_box{ margin-left: 0; margin-top: 30px;}
    .kf_box .box{ width: 100%;height: auto;min-height: auto; margin:0; margin-bottom: 10px; padding: 20px;}
    .keji_box .box{ padding: 20px; }
    .index_tit2{ margin-top: 0;}
    .ab_num li{ font-size: 12px;}
    .gallery-thumbs .swiper-slide{font-size: 14px;}
    .news_first .img, .news_first .info{ width: 100%; height: auto;}
    .news_first .info{ padding: 10px;}
    .news_first h3{ font-size: 16px;}
    .index_news .tit, .news_first h3{ line-height: 24px; height: 44px; margin-bottom: 10px;}
    .news_first{ margin-top: 30px;}
    .news_first .text{ margin: 10px 0;}
    .loadmore{ height: 40px; line-height: 40px; margin: 20px auto;font-size: 14px; padding: 0 10px}
    .topbtm_bar a{ width: 100%;}
    .news_artic{ margin-bottom: 30px;}
    /*.news_artic img{ float:left}*/
    .mb{ margin-top: 0;}
    .about_text{ margin-bottom: 0;}
    .u_hidden{ display: none;}
    .index_news2{ margin-top:20px}
    .news_artic img{ width: 100%!important; height: auto!important;}    
}